<script type="text/javascript">
{literal}
	$(document).ready(function() {
		$('#chro_list').tablesorter();
		$('#chro_list tbody tr:even').toggleClass('alt');
	});	
{/literal}
</script>
<br />
<div class='form-container'>
<table id='note_list' class='grid' style='width:500px'>
	<thead>
		<tr>
			<th class='first'>{translate}Note{/translate}</th>
			<th>{translate}Status{/translate}</th>
			<th class='last'></th>
		</tr>
	</thead>
	<tbody>
		{foreach item=note from=$notes}
		<tr id='{$note.p_note_id}'>
			<td class='first'>
				<a href='javascript:editPrescNote({$note.p_note_id})' title='{translate}Edit Prescription note{/translate}'>
					{$note.note}
				</a>
			</td>
			{if ($note.disable == 0)}
			<td><span>{translate}In Use{/translate}</span></td>
            <td class='last'>
                <a class="btn" href="javascript:changePrescNoteStatus({$note.p_note_id}, 'lock');" 
                    title="{translate}Temporary delete this note{/translate}"> 
                    <img src="../images/lock_small.png" alt="{translate}Temporary delete{/translate}"></img>
                </a>
            </td>
			{else if ($note.disable == 1)}
			<td><span class="impression">{translate}Temporary delete{/translate}</span></td>
            <td class='last'>
                <a class="btn" href="javascript:changePrescNoteStatus({$note.p_note_id}, 'unlock');"  
                    title="{translate}Reuse this note{/translate}"> 
                    <img src="../images/unlock_small.png" alt="{translate}Reuse{/translate}"></img> 
                </a>
            </td>
			{/if}
		</tr>
		{/foreach}
	</tbody>
</table>
</div>